<template>
  <div id="app">
    <div v-if="false" class="not-found">请联系开发者！</div>
    <multi-player v-else></multi-player>
  </div>
</template>

<script>
import MultiPlayer from './view/multiplayer/index';
export default {
  name: 'App',
  components: {
    MultiPlayer,
  },

  computed: {
    // config配置
    config() {
      return this.$store.getters['websocketClient/config'];
    },
    showNotFound() {
      // 当前时间超过2025/12/31 23:59:59 且没有key的时候显示404
      const now = new Date();
      const end = new Date('2025/12/31 23:59:59');
      const re =
        now > end && this.config['VUE_APP_PASS'] !== 'Video_Player@123!';
      return re;
    },
  },
};
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  /* color: #2c3e50;
  margin-top: 60px; */
}
.not-found {
  width: 100%;
  height: 100%;
  font-size: 100px;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
